<template>
  <div class="login">
    <van-nav-bar title="黑马头条 - 登录"  fixed/>
    <van-form>
  <van-field v-model="form.mobile" type="tel" label="手机号码" placeholder="请输入手机号码" required></van-field>
  <van-field v-model="form.code" type="password" label="登录密码" placeholder="请输入登录密码" required></van-field>
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">提交</van-button>
  </div>
</van-form>
  </div>
  
</template>

<script>
export default {
  // name 是当前组件的名称（建议为每个组件都指定唯一的 name 名称）
  name: 'Login',
  data(){
   return{
     form:{
       mobile:'',
       code:''
     }
   }
  }
}
</script>

<style lang='less' scoped>
  .login{
    padding-top: 46px;
  }
</style>